$baseFontSize:          100px !default;
$baseLineHeight:        1.5 !default;
$bodyFontSize: 16px;
$width:10rem;
// pixels to rems 
@function pxToRem($px) {
  @return $px / $baseFontSize * 1rem;
}
$breakpoints: (
        'xs': 'only screen and ( max-width: 480px),only screen and ( max-device-width: 480px)',
        'sm': 'only screen and ( max-width: 768px),only screen and ( max-device-width: 768px)',
        'md': 'only screen and ( max-width: 992px),only screen and ( max-device-width: 992px)',
        'lg': 'only screen and ( max-width: 1200px),only screen and ( max-device-width: 1200px)',
) !default;
// _mixins.scss
@mixin respond-to($breakpoint) {
  $query: map-get($breakpoints, $breakpoint);

  @if not $query {
    @error 'No value found for `#{$breakpoint}`. Please make sure it is defined in `$breakpoints` map.';
  }

  @media #{if(type-of($query) == 'string', unquote($query), inspect($query))} {
    @content;
  }
}
//color:lighten($gray,10%);
//color:darken($gray,10%);
$bodybg:#fff;
$a-color:#448aff;
$color0: #E08031;
$color1: #ededef;
$color2: #199475;
$color3: #0B6E48;
$color4: #044D22;
$color5: #376956;
$color6: #ededef;
$color7: #df6659;
$color77: #521e18;
$color8: rgb(220,220,220);
$colorred:rgb(236,7,88);
$colorgreen:rgb(26,179,148);
$colorbule:rgb(33,185,187);
$colordbule:rgb(26,123,185);
$colororgan:rgb(247,165,74);
$color10:rgb(186,186,186);
$color12:rgb(103,106,108);
$color13:rgb(41,56,70);
$color14:rgb(47,64,80);
$color15:rgb(153,156,158);
$bg: #F3F6FA;
.bgcolor-1 { background: #F3F6FA; }
.bgcolor-2 { background: #f9f9f9; }
.bgcolor-3 { background: #e8e8e8; }/*light grey*/
.bgcolor-4 { background: #2f3238; color: #fff; }/*Dark grey*/
.bgcolor-5 { background: #df6659; color: #521e18; }/*pink1*/
.bgcolor-6 { background: #2fa8ec; }/*sky blue*/
.bgcolor-7 { background: #d0d6d6; }/*White tea*/
.bgcolor-8 { background: #3d4444; color: #fff; }/*Dark grey2*/
.bgcolor-9 { background: #ef3f52; color: #fff;}/*pink2*/
.bgcolor-10{ background: #64448f; color: #fff;}/*Violet*/
.bgcolor-11{ background: #3755ad; color: #fff;}/*dark blue*/
.bgcolor-12{ background: #3498DB; color: #fff;}/*light blue*/
.bgcolor-20{ background: #494A5F;color: #D5D6E2;}
@function power ($x, $n) {
  $ret: 1;

  @if $n >= 0 {
    @for $i from 1 through $n {
      $ret: $ret * $x;
    }
  } @else {
    @for $i from $n to 0 {
      $ret: $ret / $x;
    }
  }

  @return $ret;
}

@function factorial ($x) {
  $ret: 1;

  @if $x > 0 {
    @while $x > 0 {
      $ret: $ret * $x;

      $x: $x - 1;
    }
  }

  @return $ret;
}

@function sin ($x) {
  $ret: 0;

  @for $n from 0 to 25 {
    $ret: $ret + power(-1, $n) * power($x, 2 * $n + 1) / factorial(2 * $n + 1);
  }

  @return $ret;
}

@function cos ($x) {
  $ret: 0;
  @for $n from 0 to 25 {
    $ret: $ret + power(-1, $n) * power($x, 2 * $n) / factorial(2 * $n);
  }
  @return $ret;
}

@function exp ($x) {
  $ret: 0;

  @for $n from 0 to 25 {
    $ret: $ret + power($x, $n) / factorial($n);
  }

  @return $ret;
}

@function ln($x) {
  $ret: 0;
  $n: 1;
  $dx: .001;

  @while $n <= $x {
    $ret: $ret + $dx / $n;

    $n: $n + $dx;
  }

  @return $ret;
}

@function sqrt($x) {
  @return exp(0.5 * ln($x));
}

